/*  
Theme Name: mistix-lebas
Theme URI:http://themeforest.net/item/mistix-creative-blog-portfolio-wordpress-theme/1831856
Description: Mistix - Creative Blog & Portfolio Wordpress Theme
Version:1.00
Author:glebas
Author URI:ttp://premiumcoding.com/minimalistic-creative-wordpress-theme-mistix/
License URI:http://themeforest.net/item/mistix-creative-blog-portfolio-wordpress-theme/1831856
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/
/* ***********************
--------------------------------------
-------------RESET---------------
--------------------------------------
*************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { 
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; 
}

article, aside, details, figcaption, figure,  header, hgroup, menu, nav, section { display: block }
nav ul { list-style: none }

blockquote, q { quotes: none }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none; }

ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle }
body, html { min-height: 100% }
body { }

body { font-size: small; letter-spacing: normal; line-height: 1.65em; }
select, input, textarea, button { font: 99% sans-serif }
pre, code, kbd, samp { font-family: monospace, sans-serif }
body, select, input, textarea { color: #000; }
h1, h2, h3, h4, h5, h6 { font-family: sans-serif; text-transform: uppercase; font-weight: normal;  line-height: 110%; margin-bottom: 10px; color: #000 }
h1 { font-size: 26px }
h2 { font-size: 22px }
h3 { font-size: 20px }
h4 { font-size: 18px }
h5 { font-size: 16px }
h6 { font-size: 14px }
html { overflow-y: scroll }
a:hover, a:active { outline: none }
a, a:active, a:visited { 
color: #000; 
-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}


ul, ol { margin-left: 1.8em }
ol { list-style-type: decimal }
nav ul, nav li { margin: 0 }
small { font-size: 85% }
strong, th { font-weight: bold }
td, td img { vertical-align: top }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre { padding: 15px; white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; }
textarea { overflow: auto }
.ie6 legend, .ie7 legend { margin-left: -7px }
input[type="radio"] { vertical-align: text-bottom }
input[type="checkbox"] { vertical-align: text-bottom }
.ie7 input[type="checkbox"] { vertical-align: baseline }
.ie6 input { vertical-align: text-bottom }
label, input[type=button], input[type=submit], button { cursor: pointer }
button, input, select, textarea { margin: 0 }
input:valid, textarea:valid { }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd }
::-moz-selection { background: #666; color: #fff; text-shadow: none; }

a:link { -webkit-tap-highlight-color: #666 }
button { width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic }
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden }
.clearfix:before, .clearfix:after { content: " 020"; display: block; height: 0; visibility: hidden; }
.clearfix:after { clear: both }
.clearfix { zoom: 1 }
html body div.clear, html body span.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; margin: 0; padding: 0; position: static; overflow: hidden; visibility: hidden; width: 0; height: 0; }
img.centered, img.aligncenter { display: block; margin: 0 auto; overflow: hidden; padding: 4px; }
img.alignright { padding: 4px; margin: 2px 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 2px 7px 2px 0; display: inline; }
.alignright { float: right }
.alignleft { float: left }
.center { text-align: center }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption {  text-align: right; /*border: 1px solid #ddd; background-color: #f3f3f3; */ padding-top: -6px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 1.65em; padding: 0 4px 5px; margin: 0; text-align: right; }
code { font-size: 12px; display: block; border: 1px solid #eee; padding: 10px; margin: 10px 0 0 0; background: #FCFCFC; }
.usercontent h1{margin:0; padding-left:0 !important;}


.clear {clear:both;}


/* ---------------STRUCTURE------------- */
body {font-family: Droid Sans;}
body {background-color:#EEE;}
body {
	/* background-image:url("http://www.lp-buisson.net/passla3eme/wp-content/themes/mistix-lebas/images/bg/bg13.png"); background-repeat:repeat; background-attachment:fixed; */
background-image:url("http://www.lp-buisson.net/passla3eme/wp-content/uploads/2020/06/fond8-1-scaled.jpg"); background-attachment:fixed;}


#page {width:1200px; margin : 20px auto; background-color:#FFF; padding:0px 20px; border-top: 7px solid #E35E12; box-shadow: 1px 1px 12px #555;}
#header {height: 80px;  width: 1200px;  background-color:#FFF; margin:0; }
#logo { width: 130px;  margin: 0; float:left;}
#menu-header {  float:right; margin-left:20px; text-align:right;}
.box {background-color:#FFF; margin:25px 0; padding:15px; border:1px solid #CCC;}
#blog {width:1200px;}
#bandeau {width:1240px; height:120px;   
}


/* ---------------STRUCTURE------------- */

a:hover {color: #E35E12 !important;}


/* ---------------POST-BOX------------- */
.post-box {
	background-color:#FFF; 
	margin:0px; 
	margin-bottom:25px;
	margin-right:8px;
	padding:5px 15px; 
	width: 200px;
	height: 180px;
	float:left;
	border:1px solid #CCC; box-shadow: 4px 4px 6px #aaa}

.post-box-titre, .post-box-category  {
	width:200px; 
	margin:0; 
	padding:0px; 
	background-image:url("http://www.lp-buisson.net/passla3eme/wp-content/themes/mistix-lebas/images/fond-titre.jpg");
	background-repeat:repeat-x; 
	text-align:center;}

.post-box-titre a, .post-box-category a{
	margin:0; 
	color:#1e1e20; 
	text-align:center; 
	font-size:14px; 
	background-color:#FFF; 
	font-style:italic;
	font-weight:500;
	padding: 0px 10px;}

.post-box-image {width:200px; height:130px; background-color:#CCC; margin : 7px 0px; margin-bottom:3px;}
.post-box-image img {width:200px; height:130px; }
.post-box-category  {margin-bottom:10px;}
/* ---------------POST-BOX------------- */



/* ---------------CONTAINER------------- */
#container { height:100%; background-color:#FFF; margin:25px 0; padding:5px; border-bottom:1px solid #CCC; border-top:1px solid #CCC; }
#container ul {position:relative; width:100%; margin-bottom:5px;}
#container ul li {list-style:none; float:left; padding:5px 5px; color:#000;  margin-right:15px; text-transform:uppercase; font-size:12px;}
#container ul li:hover,.active { color:#000; background-color:#E35E12; color:#000;}
/* ---------------CONTAINER------------- */


.zoom-sur-image img {width:450px; height:230px; }



/* ---------------MENU------------- */

.menu-header {height: 50px; padding-top:25px; text-align:right; }

#main-nav { 
	height: 30px;
	margin: 0 0 10px; 
	} 

#main-nav ul { 
	margin: 0; 
	padding: 0; 
	} 

#main-nav li { 
	display: block; 
	float: left; 
	line-height: 30px; 
	height: 30px; 
	margin: 0; 
	padding: 0; 
	position: relative; 
	} 

#main-nav li a { 
	display: block; 
	font-family: Droid Sans !important;
	height: 30px; 
	line-height: 30px; 
	height:60px; 
	font-weight:800;
	padding-left:15px;padding-right: 15px; margin-left: 10px; padding-bottom:20px;
font-size: 18px; text-transform: uppercase; letter-spacing: normal; 
color:#1e1e20;
-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;} 

#main-nav .current-menu-item a, #main-nav .current_page_item a, #main-nav a:hover { 
	color: #000; 
	
	}

#main-nav ul ul { 
	display: none; 
	position: absolute; 
	top: 30px; 
	} 

#main-nav ul ul li { 
	float: none; 
	width: 230px;
	padding-bottom:15px;
	} 

#main-nav ul ul li a {  
	padding: 5px 10px; 
	font-size:14px;
	font-weight:300;
	text-transform: none;
	
	}

#main-nav ul li:hover > ul { display: block; }

#main-nav li:hover a, .menu li.current a { color: #111; }
#main-nav li:hover ul { left: 21px; top: 50px; z-index:100; background: #fff;  width: 245px; opacity:1; border-bottom:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC;
}

#main-nav li:hover ul li { }
#main-nav li:hover ul li a {background:none; border-right: none; border-left: none;padding-right: 0px; margin-right: 0px; border-top:1px dotted #ccc; font-weight:400;text-align:left; }




/* ---------------MENU------------- */



/* ---------------FOOTER------------- */
#footer {background-color:#FFF;  margin-top:10px; padding:20px 0; }
.footer_widget {float:left; width:240px;}
/* ---------------FOOTER------------- */



 .container {
  position: relative;
  width: 50%;
}

 .image {
  display: block;
  width: 100%;
  height: auto;
}

 .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 130px;
  width: 200px;
  opacity: 0;
  transition: .5s ease;
	 background: rgba(229, 110, 41, 0.8);
}

.container:hover .overlay {
  opacity: 1;
}

.text {
  color: #FFF;
  font-size: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
	opacity: 1 !important;
	text-transform:uppercase;
	 
}

.text a:hover{
	color: #CCC;}





/* ---------------ARTICLE------------- */
#article {padding:30px;}
#article h2 {color:#E35E12; text-transform:uppercase; margin-bottom : 20px;}
.date {margin-bottom : 10px; color:#666;}
.resume { margin-top:15px; margin-bottom : 20px; color:#666; font-style: italic; padding-left:10px; border-left:#111 solid 2px; font-size:13px; line-height:17px;}
#article-entete {margin-bottom : 0px;}
#article-entete-gauche {float:left; width:650px;}
#article-entete-droite {float:right; width:370px;}
#article-entete-droite img {width:360px; height: 200px; float:right; border : 1px solid #ccc; padding: 5px; border-radius:5px; margin-top:10px;}
#article img {max-width:850px;}
#article-header{margin-bottom:60px;}
#article-header-titre{ }
#article-header-titre h2{color:#e56e29; font-weight:800; text-shadow:#000 1px 0px 0px; padding-bottom:30px;  font-size:40px; }
.article-header-info {border-bottom:1px dotted #CCC; padding:20px;}
#article-header-image{float:right; width:380px; }
#article-header-image img{width:380px; }
#article-content {}

.image-border{
	border: 1px solid #777;
	padding: 4px;
	box-shadow: #666 0px 0px 5px;
	border-radius:5px 5px 5px 5px;
	transition: all 0.2s ease-in-out;
	background-color:#FFF;
}
.image-border:hover{opacity:0.85}

#article a {text-decoration: underline; color:blue; }
/* ---------------ARTICLE------------- */



/* ---------------PROFIL------------- */
#identite {  margin-top:-15px;}
.cadre {border-radius :5px; border:0px solid #ccc; padding:10px; margin-bottom:30px;}
.cadre h3 {color:#E35E12; text-transform:uppercase;}
.cadre img {max-width:850px;}
.separation { width: 900px; border-bottom:3px solid #333; height:20px;}
#identite-1{width:200px; float:left;}
#identite-2{width:250px; float:left;}
#identite-3{width:350px; float:left;margin-left:20px;}

#identite .nom{font-size:22px; text-transform:uppercase; line-height:1.3; margin-bottom:10px;}
#identite .carac {
	margin: 0 7px 7px 0;
padding: 5px;
border: 1px solid #CCC;
background-color: #EEE;
color: #222;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
display: inline-block;
text-transform:uppercase;
font-size:14px;
font-weight:bold;}
/* ---------------PROFIL------------- */



/* ---------------STAGE------------- */
#stage {background-color:#F8E6F5;}
#stage1{width:320px; float:left;}
#stage2 { width:320px; float:left; }
#stage1 img {width:300px; min-height:180px; }
.bilanplus {float:left; width:420px; background-color:#B4D6B7;}
.bilanmoins {float:right; width:420px; background-color:#CDA4A5;}
.entreprise {background-color:#DBEFFA;}
.journal {background-color:#f9e0f5;}
.bilan {background-color:#a6e2f3;}
.bilan2 {background-color:#f3eea6;}
.tuteur1 {background-color:#ECEFE2;}
/* ---------------STAGE------------- */

.etablissement {float:left; width:33%; }
.etablissement ul {
	list-style:none;
	margin-left:0;
	padding-left:0;
	margin-right:20px;
	
}

.etablissement ul li {
	text-transform:uppercase; line-height:1.3; margin-bottom:10px;
	border-left:6px solid #E35E12; 
	border-top:1px dotted #CCC;
	border-bottom:1px dotted #CCC; 
	border-right:1px dotted #CCC;
	padding:10px;
	background-color:#EEE;
	
}

.etablissement1 ul li {
	border-left:6px solid #E35E12; 
}
.etablissement2 ul li {
	border-left:6px solid #0099cc; 
}

.etablissement3 ul li {
	border-left:6px solid #9966ff;
}
.etablissement ul li:hover {
	background-color:#CCC; margin-left:5px;
}

.etablissement ul a {
	text-decoration: none !important;
	
}
.etablissement ul a li{
	text-decoration: none !important;
	color:#111;
}

.text {font-size:16px; line-height:1.2em; width:180px;}




/* ---------------SINGLE LYCEE------------- */
#lycee-identite-image {float:left; width: 400px; margin-right:25px;}
#lycee-identite-adresse {float:left; width: 400px;}
#lycee-identite-image img{width: 400px; height:200px;}
.formation { width:40%;}
/* ---------------SINGLE LYCEE------------- */
iframe {width:900px; min-height:620px}


#content p {margin-bottom:20px; font-size:14px;}
.cadre3 h2 {margin-top : 25px; padding-bottom:10px;}

.date {margin-top:-20px;}
.photoavatar img {box-shadow: 2px 2px 3px #aaa;  }
.type-formation img {width:320px; margin-top:10px;}
.type-formation img:hover {margin-left:10px;}

.arrow-left {
  width: 0; 
  height: 0; 
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent; 
  
	float:left;
	margin-left:-30px;
}


.tag-etablissement {border:1px solid #000; padding: 5px; margin-bottom:5px; width:240px; }
.tag-etablissement h3{ font-size:14px; color:red; font-weight:600;}

select {    
    line-height: 2;
    color: #32373c;
    border-color: #CCC;
    box-shadow: none;
    border-radius: 3px;
    padding: 0 24px 0 8px;
    min-height: 30px;
    max-width: 25rem;
    -webkit-appearance: none;
    background: #fff url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat right 5px top 55%;
        background-size: auto;
    background-size: 16px 16px;
    cursor: pointer;
    vertical-align: middle;
}